@import './var.scss';
@import './size.scss';

#app {
  height: 100%;
}

.vxe-table--tooltip-wrapper.is--visible {
  z-index: 3000 !important;
}

.app-tip {
  max-width: 400px;
}

.message-box-520.el-message-box {
  --el-messagebox-width: 520px;
}

.public-confirm {
  .el-message-box__header {
    padding-bottom: 6px;
  }

  .el-message-box__title {
    font-size: 14px;
    font-weight: 500;
    color: #0a1431;
    line-height: 20px;
  }

  .el-message-box__btns {
    flex-direction: row-reverse;
    justify-content: flex-start;

    .el-button {
      margin-left: 10px;
    }
  }

  .public-confirm-btn {
    background-color: var(--info-color);
    border-color: var(--info-color);

    &:hover {
      opacity: .5;
    }
  }
}


// 标签容器（核心修改部分）
.select-wrapper-style {

  // 输入框容器样式
  .el-input__wrapper {
    max-height: 30px;
    min-height: 30px; // 确保高度固定
    padding: 1px 11px;
    overflow: hidden;
    display: inline-flex; // 保持行内弹性布局
    align-items: center; // 内容垂直居中
    flex-wrap: nowrap;
  }

  // 标签内容基础样式
  .el-tag__content {
    display: flex;
    align-items: center;

    span {
      font-size: 12px;
      line-height: 1;
    }
  }

  // 标签容器整体样式
  .el-select__tags {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
    flex-grow: 1;
    min-width: 0; // 允许容器收缩

    // 标签通用样式
    .el-tag {
      margin-left: 4px;
      padding: 0 4px 0 6px;
      height: 22px;
      max-width: 120px; // 默认最大宽度
      flex-shrink: 1; // 允许收缩
      display: inline-flex;
      align-items: center;

      // 关闭按钮样式
      .el-tag__close {
        margin-left: 2px;
        transform: scale(0.8); // 稍微缩小关闭按钮
      }
    }

    // 可关闭标签的特殊样式
    .el-tag.el-tag--info.is-closable {
      flex: 0 1 auto; // 自动伸缩但不强制扩展
      min-width: 0; // 允许内容收缩

      .el-tag__content {
        flex: 1;
        min-width: 0; // 关键：允许内容区域收缩
        overflow: hidden;

        span {
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
    }

    // 输入框样式
    .el-select__input {
      min-width: 26px;
      height: 22px;
      flex-shrink: 0; // 禁止输入框收缩
      margin-left: 4px;
    }
  }

  // 下拉图标调整
  .el-select__caret {
    margin-left: 4px;
  }
}

// //修复vxetable表格样式,2行及以上,上下边距为8px
// .table-padding {
//   .vxe-table--render-default .vxe-body--column:not(.col--ellipsis) {
//     padding: 8px 0;
//   }
// }

//表格文字提示层级
.vxe-table--tooltip-wrapper.is--visible {
  z-index: 3000 !important;
}

.vxe-grid {
  overflow: hidden;
}

// .vxe-pager{
//   height: 40px;
// }